<!doctype html>
<html>
  <head>
    <style type="text/css">
      <!--
            .BPMNElement {
              position: absolute;
              border: 2px dashed lightBlue;
              border-radius: 5px; -moz-border-radius: 5px;
            }
            #sid-61D1FC47-8031-4834-A9B4-84158E73F7B9 {border: 2px solid red;}
          -->
    </style>
  </head>
  <body>
    <div style="position: relative">
      <img src="testStartAndEndEventWithNegativeCoordinates.png" />
      <div class="BPMNElement" id="BPMNDiagram" style="left: 23px; top: 23px; width: 375px; height: 30px"></div>
      <div
        class="BPMNElement"
        id="sid-61D1FC47-8031-4834-A9B4-84158E73F7B9"
        style="left: 23px; top: 23px; width: 30px; height: 30px"
      ></div>
      <div
        class="BPMNElement"
        id="sid-BAE25382-E7D8-4748-81EA-64EB02DDABFA"
        style="left: 370px; top: 24px; width: 28px; height: 28px"
      ></div>
    </div>
  </body>
</html>
